
var imagenLogo = new Ext.Panel
  (
    {
      id: 'imagenLogo',
      region:'north',
      html:'<div align="left" style="margin: 10px; height: 27px; width: 100%;"><div class="tuxTop"></div><div class="tuxMid" style="height: 70px; font-size:12px; font-weight: normal;"><img width="300px" height="28px" src="../imagenes/gepsoft.png"></div><div class="tuxFoot"></div></div>'
    }
  );

var menu =  new Ext.Toolbar({
  //  renderTo: document.body,
    items: [
	{
    xtype: 'tbbutton',
    text: 'Home',
    iconCls: 'icon-home',
    handler: inicio
    },{
    xtype: 'tbbutton',
    text: 'Entrega Artefactos',
    iconCls: 'silk-enviar',
    handler: entregarArtefacto
    },
    /*{
    xtype: 'tbbutton',
    text: 'Detalles Usuario',
    iconCls: 'silk-user-edit',
    handler: actualizarDatosEstudiante
    },*/
    {
      xtype: 'tbbutton',
      text: 'Creaci\xF3n Artefactos',
      menu: [
      {
        text: 'Especificacion de Requerimientos',
        handler: irADer
      }]
    }
    ,{
    xtype: 'tbfill'
    },{
    xtype: 'tbbutton',
    text: 'Salir',
    iconCls: 'icon-salir',
    handler: cerrarSession
    }]
    });

var barraPrincial = {
  id: 'barra',
  //title: 'Registro Usuarios',
  layout: 'table',
  defaults: {
  bodyStyle:'padding:15px 20px',
  cellCls: 'verticalArriba'
  },
  items: [
  //imagenLogo,
  menu
  //logueo//
  ]
};

var IniciaMaterial = {
	id:'IniciaMaterial-panel',
	region:'north',
	/*title: 'Bienvenido',
    layout: 'column',
    bodyStyle: 'padding:5px',
	autoScroll: true,
	defaults: {bodyStyle:'padding:15px'},*/
	html:'<div align="justify" style="margin: 10px; height: 27px; width: 100%;">Aqui Podra encontra Todo el material de Ayuda por cada Actividad y Artefacto, de acuerdo a la configuracion realizada por el profesor</div>'
    //html:'<div align="justify" style="margin: 10px; height: 27px; width: 100%;">Aqui Podra encontra Todo el material de Ayuda por cada Actividad y Artefacto, de acuerdo a la configuracion realizada por el profesor</div></div>'
};

var ActualizarUsuario = {
	id: 'actualizarDatosEstudiante-panel',
	//title: 'Registro Usuarios',
    layout: 'table',
	layoutConfig: {
		columns: 2
	},autoScroll: true,
	defaults: {
		bodyStyle:'padding:15px 20px',
		cellCls: 'verticalArriba'
	},
    items: [
   // gridUsuario,
    registro
		//logueo//
		]
};
var EntregaArtefactoGrupo = {
	id: 'entregaArtefactoGrupo-panel',
	//title: 'Buzon de Entregas',
    layout: 'table',
	layoutConfig: {
		columns: 2
	},autoScroll: true,
	defaults: {
		bodyStyle:'padding:15px 20px',
		cellCls: 'verticalArriba'
	},
    items: [ gridEntregas,
    formEntregaArtefacto
		]
};

var materialArtefacto = {
                id: 'materialArtefacto-panel',
              //  title: 'Material de Trabajo',
      layout: 'table',
                layoutConfig: {
                                columns: 1
                },autoScroll: true,
                defaults: {
                                bodyStyle:'padding:15px 20px',
                                cellCls: 'verticalArriba'
                },
    items: [ gridMaterial
    //formEntregaArtefacto
                                ]
};



var fases = {
	id: 'fases-panel',
	//title: 'Buzon de Entregas',
    layout: 'table',
	layoutConfig: {
		columns: 1
	},autoScroll: true,
	defaults: {
		bodyStyle:'padding:15px 20px',
		cellCls: 'verticalArriba'
	},
    items: [ //tabs
	pestana
		]
};

